// pages/search/search.js
import {searchGoods} from "../../api/goods";
// 消息确认
import Dialog from '../../miniprogram_npm/@vant/weapp/dialog/dialog';
Page({

  /**
   * 页面的初始数据
   */
  data: {
    similarArr:[], //模糊匹配的商品
    isHot:true, // 热门-历史-显示隐藏
    isHistory:true, //是否有历史搜索
    historyArr:[], //搜索的历史记录
    value:'',
  },

  // 跳转搜索列表
  searchList(value) {
    // 跳转搜索列表
    wx.navigateTo({
      url: `/pages/searchList/searchList?value=${value}`,
    })
  },

  // 搜索
  search(e) {
    let value = e.detail.trim();
    if(value == '') {
      return;
    }
    // 搜索列表
    this.searchList(value);
    // 用户回车存入本地存储
    let historyArr = this.data.historyArr;
    if(historyArr.indexOf(value) != -1) {
      historyArr.splice(historyArr.indexOf(value), 1) //删除重复
    }
    historyArr.unshift(value); //添加到数组第一个
    this.setData({
        isHistory:true,
        historyArr,
        value:'',
        isHot:true
    });
    wx.setStorageSync('history',historyArr);
    // console.log(historyArr);
  },

  // 删除历史记录
  empty() {
    Dialog.confirm({
      title: '确认删除历史记录',
      message: '',
    }).then(() => {
        // 删除本地存储中的数据
        wx.removeStorageSync('history');
       this.setData({
        historyArr:[],
        isHistory:false
       })
        Dialog.close();
      }).catch(() => {
        // on cancel
        // console.log('取消了');
        Dialog.close();
      });
  },

  // 点击历史记录
  clickRecord(e) {
    let {value} = e.currentTarget.dataset;
    // 搜索列表
    this.searchList(value);
  },

  // 搜索内容变化时触发
  async change(e) {
    let value = e.detail.trim();
    if(value == '') {
      this.setData({
        isHot:true
      })
      return;
    }
    let {data} = await searchGoods(value)
    data = data.slice(0,5)
    if(data.length != 0) {
      this.setData({
        similarArr:data,
        isHot:false
      })
    }
    // console.log(data);
  },

  // 跳转商品详情
  goodsInfoTo(e) {
    let {goodsid} = e.currentTarget.dataset;
    wx.navigateTo({
      url: `/pages/goodsInfo/goodsInfo?goodsId=${goodsid}`,
    })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    let history = wx.getStorageSync('history')
    if(!history) {
      this.setData({
        isHistory:false,
      })
    }else{
      this.setData({
        historyArr:history
      })
    }
    // console.log(history);
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})